<head>
	<!--<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-i18n.js"></script>-->
	
	<style>
	  .selectable .ui-selecting { background: #8C8E92; }
	  .selectable .ui-selected { background: #36393C; color: white; }
	  .selectable { list-style-type: none; margin: 0; width: 60%; }
  	</style>
	<script>
		function seteo_variables()
		{
			

			$('#menu_diasFechaMenuDia').datepicker('setDate',new Date(<?php echo ($fecha_menu+86400)*1000;?>));

			$('#menu_diasSedeEmpresa').val(<?php echo $id_sede ;?>);
			$('#menu_diasTipoMenuId').val(<?php echo $id_tipo_menu ;?>);
			
		}
	</script>
	<script>
		$(function() 
		{
			$( ".date-picker" ).datepicker(
			{
	    		dateFormat: 'mm/dd/yy',
	    		changeMonth: true,
				changeYear: true,
				minDate: 0
	    	});
	    	$( "#accordion" ).accordion(
    		{
    			 heightStyle: "content",
    			 collapsible: true
    		});
    		$(".selectable").bind("mousedown", function(evt) 
    		{
			    evt.metaKey = true;
			}).selectable();
    	
    		$( ".selectable" ).selectable(
    			{
    				
				    stop: function(event, ui) 
					{
					    var el_id = $(this).children("ol").attr("id");
					  
			    		$("#comida_seleccionada").val('');
					    $('.selectable .ui-widget-content.ui-selected').each(function(index) 
					    {
	     					
	     					$("#comida_seleccionada").val($("#comida_seleccionada").val()+","+$(this).attr('id'));

						});
					    
					    $(".selectable ui-widget-content.ui-selected").not("#" + el_id).each(function(index, element) 
					    { 
					       	alert(index);
					       	$(element).toggleClass("ui-selected");
					        
					    });
					}
					
    			}
    		); 
    		
    		 
		});
		
		
	</script>

		<script>
             $(document).ready(function() 
             {
			    seteo_variables();
			 });
    </script>
</head>
<body>
	<legend>Editar un Menú</legend>
		
		    <?php echo $this->Session->flash() ?>
			<a onclick="showConsult();" href="#">
			<img id="blah" src="/BackEndRecursosHumanos/app/webroot/img/button_back.png" alt="your image" width="30px" height="30px" />
			<br />	
			<lable>Regresar</label>
		</a>
		<br />
		<br />
		<center>
			<?php echo $this->Form->create("menu_dias", array(
																	'onsubmit' => 'editMenu('.$id_menu.');',
																));
				
					echo $this->Form->input('id',array(
														'type' => 'hidden',
														'value' => $id_menu
														)
											);
				 ?>
			<fieldset class="fieldset_modulo">
				<legend><b>Informacion Referente al Menú</b></legend>
					 
					<table>
						<tr>
							<center>
							<td>
								<center>
								<table>
									<tr>
										<td style="text-align: right">
											Fecha:
										</td>
										<td style ="vertical-align: middle">
											<center>
												<b><?php echo date('d/m/Y',$fecha_menu);?></b>
												<input id="menu_diasFechaMenuDia" type="hidden" name="data[menu_dias][fecha_menu_dia]" 
												value ="<?php echo date('m/d/Y',$fecha_menu);?>"> 
											</center>
										</td>
									</tr>
									<tr>
										<td style="text-align: right">
											Tipo Menu:
										</td>
										<td style ="vertical-align: middle">
											<center>
												<b><?php echo $tipo_menu_nombre?></b>
												<input id="menu_diasTipoMenuId" type="hidden" name="data[menu_dias][tipo_menu_id]" 
												value ="<?php echo $id_tipo_menu?>"> 
											</center>
										</td>
									</tr>
									<tr>
										<td style="text-align: right">
											Sede:
										</td>
										<td style ="vertical-align: middle">
											<center>
												<b><?php echo $sede_nombre?></b>
												<input id="menu_diasSedeEmpresa" type="hidden" name="data[menu_dias][sede_empresa]" 
												value ="<?php echo $id_sede?>"> 
											</center>
										</td>
									</tr>
	
								</table>
								</center>
							</td>
							
							
								<td>
									<input type="hidden" name="data[menu_dias][comida_seleccionada]" value="<?php echo $arreglo_de_comida?>"  id="comida_seleccionada" >
									 <div id="accordion">
									 	
										  <?php 
										  	$variable_control = 0;
										  	foreach ($Todos_Tipo_Comidas as $Tipo_Comida) 
										  	{
												  echo '<h3>'.$Tipo_Comida['TipoComida']['nombre_tipo_comida'].'</h3>';
												  echo '<div>';
												  echo '<p>';
												  echo '<table>';
												  echo '<tr>';
												  echo '<td style="text-align: center; vertical-align: middle;">';
												  echo '<div>';
												  echo '<ol id="selectable"  style="text-align: center; width: 100%;" class="selectable">';
	
												  foreach ($Todos_Comidas as $Comida) 
												  {
												  		foreach ($comidas_del_menu as $Menu_del_Dia)
														{
															if ($Comida['Comida']['id'] == $Menu_del_Dia['CM']['comida_id'])
															{
												  				if ($Comida['Comida']['tipo_comida_id'] == $Tipo_Comida['TipoComida']['id'])
																{
																	echo '<li id="'. $Comida['Comida']['id'].'" class="ui-widget-content ui-selected" >'.$Comida['Comida']['nombre_comida'].'</li>';
																	$variable_control = 1;
																	break;
																}	
												  				
															}
														}
														if ($variable_control == 0)
														{
															if ($Comida['Comida']['tipo_comida_id'] == $Tipo_Comida['TipoComida']['id'])
															{
																echo '<li id="'. $Comida['Comida']['id'].'" class="ui-widget-content" >'.$Comida['Comida']['nombre_comida'].'</li>';
															}
															
														}
														else
														{
															$variable_control = 0;
														}
												  }
												  
												  
												  echo '</ol>';
												  echo '</div>';
												  echo '</td>';
												  echo '</tr>';
												  echo '</table>';
												  echo '</p>';
												  echo '</div>';
												  
											}
												  
										  ?>
										  
										</div>
									
								</td>
							
	
							
						</center>
						</tr>
						
					</table>
	
			</fieldset>
			<?php 
			
			/*echo $this->Form->button('Guardar',array(
		  												'class' => 'boton_regular',
		  												'type' => 'button',
														'onclick' => 'editMenu('.$id_menu.');',
		  												'label' => array(
		  																	'display: none:'
																		)
		  											)
									);
			echo "<br />";*/
			echo $this->Form->end('Guardar');?>
		</center>
</body>